<template>
  <div class="wrap clearfix">
    <w-title :isTitle='true' :title='`最新需求 | `' :enTitle='`最全的产品，最好的服务 `' :keywords='["更多>>"]'></w-title>
    <div class="demand_list clearfix">
      <div class="b_item" v-for="(item, index) in [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]" :key="index">
        <img src="../img/demand.png" alt="">
        <h3>求购 24S纯棉普梳 环锭纺...</h3>
        <div class="respon">
          <em>11条</em>
          <span>回应</span>
          <span>05-31 14:19</span>
        </div>
        <!-- <div>
          <span>浙江好下单有...</span>
          <span>报</span>
          <em>240000.00</em>
          <span>元/千克</span>
        </div> -->
        <table>
          <tr>
            <td>浙江好下单有</td>
            <td>报</td>
            <td><em>240000.00</em>元/kg</td>
          </tr>
        </table>
      </div>
    </div>
    <div class="long">
      <img src="../img/adv_long.png" alt="">
    </div>
  </div>
</template>

<script>
import title from './title'
export default {
  props: {
    advertList: {
      type: Array,
      default: () => {
        return []
      }
    }
  },
  components: {
    'w-title': title
  },
  methods: {
    refreshAdvertList() {
      this.$emit('refresh')
    }
  }
}
</script>

<style lang="scss" scoped>
@import '../../../scss/_var.scss';
.wrap {
  .demand_list {
    .b_item {
      padding: 15px;
      width: 24%;
      height: 100px;
      margin-right: 10px;
      margin-bottom: 10px;
      background: #fff;
      float: left;
      position: relative;
      &:nth-child(4n+4) {
        margin-right: 0;
      }
      h3 {
        font-size: 12px;
      }
      img {
        position: absolute;
        top: 15px;
        right: -5px;
        width: 56px;
        height: auto;
      }
      em {
        color: $color-main;
      }
      .respon {
        margin: 5px 0;
        span {
          margin-left: 5px;
        }
      }
    }
  }
  .long {
    margin-top: 10px;
    width: 100%;
  }
}
</style>


